<template>
  <div class="app">
    <van-nav-bar>
      <template slot="left">
        <van-icon name="location-o" color="black" size="22px" class="my-icon"><span class="city">&nbsp;北京</span>&nbsp;></van-icon>
      </template>
    </van-nav-bar>
    <router-view></router-view>
<van-tabbar v-model="active">
  <van-tabbar-item icon="home-o" to="/home">首页</van-tabbar-item>
  <van-tabbar-item icon="apps-o" to="/goodsclassify">分类</van-tabbar-item>
  <van-tabbar-item icon="cart-o" to="/shoptag">购物车</van-tabbar-item>
  <van-tabbar-item icon="contact" to="/usermy">我的</van-tabbar-item>
</van-tabbar>
  </div>
</template>

<script>
export default {
  data: () => ({
    active: ''
  }),
  created () {

  },
  methods: {

  }
}
</script>

<style lang="less" scoped>
  .app{
    .my-icon{
      height: 26px;
      .city{
      font-size: 16px;
    }
    }
  }
</style>
